{% extends "base.html" %}

{% block main %}
	<div class="content floatLeft">
        <h2>About Us</h2>
		<div class="aboutUsInfo">
		  {{ site_about_us_mission|safe|linebreaks }}
        </div>
		<h2>Who is {{ shelter_name }}?</h2>
		<div class="whoIsInfo">
		  {{ site_about_us_who|safe|linebreaks }}
		</div>
		<h2>Where is {{ shelter_name }}?</h2>
		<div class="whereIsInfo clearfix">
			<div class="address">
				<p><strong>Our mailing address is:</strong><br/>
				{{ shelter_address|linebreaks }}
				</p>
			</div>
			<div class="map">
			<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&q={{ shelter_address|urlencode }}&iwloc=A&output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&q={{ shelter_address|urlencode }}&iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small>
			</div>
		</div><!-- location -->
	</div><!-- close content -->
    <div class="sidebar floatRight">
    	<div class="payPalVerified"><img src="images/paypal_seal.gif"></div>
    	<div class="ad">
    		<img src="https://www.google.com/adsense/static/en_US/images/exampleWideSkyscraper.gif" alt="ad"/>
    	</div>
    </div><!-- close sidebar -->
{% endblock main %}

